<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon" href="img/favicon.ico">
	<title>ManbaVideo</title>
</head>
	<link rel="stylesheet" href="./css/nav.css" />
	<link rel="stylesheet" href="css/slidorion_style.css">
	<link rel="stylesheet" href="css/slidorion.css">
	<!-- <link rel="stylesheet" href="css/section.css"> -->
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.easing.js"></script>
	<script src="js/jquery.slidorion.js"></script>
<body>
	<nav >
		<ul>
			<a href="index.html" class="site-name" ><span class="site-name-font">Manba<span style="color: black;">Video</span></span></a>
			<img id="logo" src="img/logo.jpg" alt="">
			<li> <a href="index.html" name="a1">首页</a></li>
			<li> <a href="li.html" name="a1">影视库</a></li>
			<li> <a href="myinf.html">关于站长</a></li>
		</ul>
		<a href="signUp.html" id="signup">SIGNUP</a>
		<a href="logIn.html" id="signin">LOGIN</a>
		<div class="sc">
			<input type="text" class="search" placeholder="Search for video">
			<li class="searchIcon" ></li>
		</div>
	</nav>
<div id="main">
	<div id="slidorion">
    	<div id="slider">
	        <div class="slider-image" rel="section1">
	            <img src="http://demo.htmleaf.com/1410/201410071644/img/kung-fu-panda.jpg" width="588" height="460" />
	        </div>
	        <div class="slider-image" rel="section2">
	            <img src="http://demo.htmleaf.com/1410/201410071644/img/the-dark-knight.jpg" width="588" height="460" />
	        </div>
	        <div class="slider-image" rel="section3">
	            <img src="http://demo.htmleaf.com/1410/201410071644/img/hot-fuzz.jpg" width="588" height="460" />
	        </div>
    	</div>
    	<div id="accordion">
			<div class="header"><a class="slider-link" rel="section1">Kung Fu Panda 2</a></div>
			<div class="content">
				<p>《功夫熊猫2》（Kung Fu Panda 2）是一部2011年美国3D动画电影，是2008年动画电影《功夫熊猫》的续集。由詹妮弗·余执导，杰克·布莱克、安吉丽娜·朱莉、成龙、塞斯·罗根、加里·奥德曼等配音。2011年5月26日于北美上映。</p>
				<p>故事主要讲诉了阿宝成为了神龙大侠，跟随功夫大师与盖世五侠一起保护着和平谷、过着宁静的生活。然而，好景不长，邪恶反派沈王爷正打算用无人能挡的机密武器征服中国并且毁灭功夫，阿宝面临着一次新的挑战，他必须回首过去并揭开身世之谜，才能找到打败敌人的关键力量。</p>
				<a href="http://www.imdb.com/title/tt1302011/">Read more</a>
			</div>
			<div class="header"><a class="slider-link" rel="section2">The Dark Knight</a></div>
			<div class="content">
				<p>《黑暗骑士》（The Dark Knight）改编自DC漫画公司的经典超级英雄漫画《蝙蝠侠》，由克里斯托弗·诺兰执导，克里斯蒂安·贝尔主演，于2008年全球公映。影片是蝙蝠侠黑暗骑士三部曲的第二部作品，前作为2005年上映的《蝙蝠侠：开战时刻》。
				本片是所有蝙蝠侠电影中第一次没有在片名中使用“蝙蝠侠”这个词的，是比前作更为黑暗与成熟的作品，以现实主义警匪片的手法包装了一个极度写实的超级英雄故事，成功地挖掘出角色的深层性格和故事蕴含的人性哲理，将漫画电影提升到一个崭新的层次，成为了影史上第一部跨入“10亿美元俱乐部”的超级英雄电影。</p>
				<a href="http://www.imdb.com/title/tt0468569/">Read more</a>
			</div>
			<div class="header"><a class="slider-link" rel="section3">Hot Fuzz</a></div>
			<div class="content">
				<p>终棘警探[1]  （Hot Fuzz）是一部2007年发行的英国动作喜剧，由埃德加·赖特执导，并与西蒙·佩吉编剧，由佩吉与尼克·弗罗斯特主演。</p>
				<p>影片讲述了一位伦敦的警探，因为太过优秀而遭到排挤，被调职到乡下的警察局，没料到却无意发现平静的乡间，竟然隐藏着连续杀人狂。</p>
				<a href="http://www.imdb.com/title/tt0425112/">Read more</a>
			</div>
		</div>
	</div>  
	<div class="container">
		<div class="head">
				<div class="guide">热门电影</div>
				<a href="li.html" class="seemore">See more></a>
		</div>
		<div class="cont_main">
			<a href="#">
				<div class="video">
					<div class="aaa">
						<span class="quality">HD</span>
						<span class="videoName"><h5>银河护卫队2</h5></span>
						<a href="video.html"><img src="http://i2.muimg.com/1949/d57801b2b58e9307.jpg" alt=""></a>
					</div>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div></div>
			</a>
			<a href="#">
				<div class="video">
					<span class="quality">HD</span>
					<span class="videoName"><h5>The Guardians</h5></span>
					<a href="#"><img src="http://i2.muimg.com/1949/c23c29e70d132df6.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="quality">HD</span>
					<span class="videoName"><h5>Before I Fall</h5></span>
					<a href=""><img src="http://i2.muimg.com/1949/7a4b703a759f2761.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="quality">HD</span>
					<span class="videoName"><h5>[18+]Personal Shopper</h5></span>
					<a href="#"><img src="http://i2.muimg.com/1949/3318e6ee18f5eab3.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="quality">HD</span>
					<span class="videoName"><h5>速度与激情8</h5></span>
					<a href="#"><img src="http://i2.muimg.com/1949/70eb42bbae2f391f.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="quality">HD</span>
					<span class="videoName"><h5>蓝精灵</h5></span>
					<a href=""><img src="http://i2.muimg.com/1949/827a7433cf033330.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="quality">HD</span>
					<span class="videoName"><h5>Boss Baby</h5></span>
					<a href="#"><img src="http://i2.muimg.com/1949/1299e5249ad5401b.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="quality">HD</span>
					<span class="videoName"><h5>Power Rangers</h5></span>
					<a href="#"><img src="http://i2.muimg.com/1949/ee281d053d8d157f.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
		</div>
	</div>
	<div class="container">
		<div class="head">
				<div class="guide">电视剧</div>
				<a href="li.html" class="seemore">See more></a>
		</div>
		<div class="cont_main">
			<a href="#">
				<div class="video">
					<span class="tv">12</span>
					<span class="videoName"><h5>Catfish The TV Show</h5></span>
					<a href=""><img src="http://i4.buimg.com/1949/51e122b27db7cdc2.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="tv">8</span>
					<span class="videoName"><h5>Green leaf</h5></span>
					<a href=""><img src="http://i4.buimg.com/1949/048b3162ce82d33b.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="tv">15</span>
					<span class="videoName"><h5>Total Divas-Season 6</h5></span>
					<a href=""><img src="http://i4.buimg.com/1949/2cb5d95e576800ff.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="tv">54</span>
					<span class="videoName"><h5>名侦探柯南</h5></span>
					<a href=""><img src="http://i4.buimg.com/1949/314d344978a40642.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="tv">8</span>
					<span class="videoName"><h5>Short Fire-Season 1</h5></span>
					<a href=""><img src="http://i4.buimg.com/1949/86580e31dbe42660.png" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="tv">20</span>
					<span class="videoName"><h5>绿箭侠-Season 5</h5></span>
					<a href=""><img src="http://i4.buimg.com/1949/3c37cb1e4fed49ed.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="tv">12</span>
					<span class="videoName"><h5>Teen Titans Go!</h5></span>
					<a href=""><img src="http://i4.buimg.com/1949/5973d9ea23e0af5f.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
			<a href="#">
				<div class="video">
					<span class="tv">10</span>
					<span class="videoName"><h5>Power Rangers</h5></span>
					<a href=""><img src="http://i4.buimg.com/1949/5a1b399ea0c29a49.jpg" alt=""></a>
					<div class="mask">
						<h3>银河护卫队2</h3>
						<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
						<a href="video.html" class="link">查看全文</a>
					</div>
				</div>
			</a>
		</div>
	</div>
</div>
<div class="footer">
		<address class="address">
			<span>站长： <a href="mailto:974393900@qq.com">Rychou</a><br></span>
			<span>地址：Hangzhou Dianzi UniverSity</span>	
		</address>
	</div>
<script>
	$(document).ready(function(){
	    $('#slidorion').slidorion();
	});
	</script>
<script>
	$(document).ready(function(){
	    $('#slidorion').slidorion({
	        speed: 500,
	        interval: 4000,
	        first: section2,
	        effect: 'overRight',
	    });
	});
</script>
</body>
</html>